import React from 'react';
import './Loading.css';
// 导入 Ant Design 中存在的图标（避免依赖错误）
import { LoadingOutlined } from '@ant-design/icons';

const Loading = ({ loadingText = "数据加载中，请稍候..." }) => {
  return (
    <div className="loading-page-container">
      {/* 加载动画区域 */}
      <div className="loading-wrapper">
        {/* 加载图标（带动画） */}
        <div className="loading-icon">
          <LoadingOutlined />
        </div>
        {/* 加载提示文字 */}
        <p className="loading-desc">{loadingText}</p>
      </div>

      {/* 底部辅助提示 */}
      <div className="loading-footer">
        <span>若加载时间过长，可尝试刷新页面</span>
      </div>
    </div>
  );
};

export default Loading;